<template>
  <div class="fund-supervision">
    <left class="fund-supervision-left" :list="leftList" :table="leftTable" :table1="rightTable"/>
    <full-center class="fund-supervision-center" :list="leftList"/>
    <right class="fund-supervision-right" :echarts="rightEcharts" :table="leftTable"  :table1="rightTable" />
  </div>
</template>

<script>
// 资金监管(区)大屏
import Left from './components/Left.vue';
import Right from './components/Right.vue';
import FullCenter from './components/FullCenter.vue';
import { leftList, leftTable, rightTable, rightEcharts } from './components/index.js';
export default {
  name: 'FundSupervision',
  components: {
    Left,
    FullCenter,
    Right
  },
  data() {
    return {
      leftList,
      leftTable,
      rightTable,
      rightEcharts
    };
  }
};
</script>

<style lang="scss" scoped>
.fund-supervision{
  // background-color: #0B192E;
  background-image: url('~@/assets/images/fullscreen/kqbg.png');
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  display: flex;
  .fund-supervision-left{
    width: 25%;
    height: 100%;
    padding: 1%;
  }
  .fund-supervision-center{
    color: aliceblue;
    width: 50%;
    height: 100%;
    padding: 1% 0;
  }
  .fund-supervision-right{
    width: 25%;
    padding: 1%;
  }
}
</style>
